.chart-box{
  width:100%;
  height:100%;
  margin-top:54px;
  box-sizing:border-box;
  margin-bottom:10px;
}
.chart-item{
  width:100%;
  /*overflow:hidden;*/
  /*height:100%;*/
  box-sizing:border-box;
  padding:6px 12px;
  position:relative;
}
.item-box-left{
  float:left;
  box-sizing:border-box;
  margin-right:6px;
  background:#1B2B44;
  height:100%;
}
.item-box-right{
  float:left;
  box-sizing:border-box;
  background:#1B2B44;
  margin-left:6px;
  height:100%;
}
.item-box-all{
  box-sizing:border-box;
  /*margin:0 6px;*/
  background:#1B2B44;
  height:100%;
  /*overflow:hidden;*/
}
.chart-type1{
  margin:0 auto;
  height:82.5%;
}
/*头部面包屑样式*/
.nav-top {
  height: 44px;
  line-height: 44px;
  background: #0f1e31;
  overflow: auto;
  position: fixed;
  top: 70px;
  z-index: 10000000;
}

.nav-top-title {
  float: left;
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  height: 34px;
  /*border-left: solid 2px #2b9ff6;*/
  padding-left: 15px;
  margin-top: 5px;
}
.nav-top-item-box{
  width:700px;
  overflow:hidden;
  position:relative;
  height:44px;
  float:left;
}
.nav-top-item-container{
  width:1310px;
  position:absolute;
  top:0;
  left:30px;
  z-index:2;
  overflow:hidden;
}
.nav-top-item {
  float:left;
  font-size: 14px;
  color: #64657a;
  margin: 0 5px;
  cursor: pointer;
  width:150px;
  text-align: center;
  line-height:30px;
  margin-top:7px;
  border-radius:5px;
}
.nav-top-item-active{
  background:#0f80ce;
  color:#fff;
}
.nav-top-item:hover{
  /*background:#0f80ce;*/
  color:#fff;
}
.nav-top-container {
  height: 44px;
  overflow-y: auto;
}
.nav-top-item-box span{
  height:44px;
  line-height:44px;
  width:30px;
  position:absolute;
  z-index:3;
  top:0;
  font-size:14px;
  color:#64657a;
  background:#0f1e31;
  cursor:pointer;
}
.nav-top-item-box span:hover{
  color:#fff;
}
.prev-btn{
  left:0;
  text-align:right;
}
.next-btn{
  right:0;
  text-align:left;
}
.chart-container{
  height:400px;
  position:relative;
  background:#1B2B44;
}
.four-part-box{
  background: url('../img/noData.png') no-repeat center 50%;
  background-size:15%;
}
.four-chart{
  background:#1B2B44;
}
.four-chart-item{
  background:#1B2B44;
}
.chart-content-wrapper{
  background:url('../img/noData.png') no-repeat center 50%;
  background-size:22%;
}
.chart-content-wrapper1{
  background: url('../img/noData.png') no-repeat center 60%;
  background-size: 12%;
}
.chart-content-wrapper-new{
  background: url('../img/noData.png') no-repeat center 70%;
  background-size: 12%;
}
.chart-content-wrapper2,#chart-content-wrapper2{
  background: url('../img/noData.png') no-repeat center 40%;
  background-size: 12%;
}
/*图表导航样式*/
.top-operate{
  float:right;
  margin-right:25px;
}
.three-spot{
  float:left;
  line-height:44px;
  color:#64657a;
  font-size:14px;
  display:none;
}
.top-operate i{
  float:left;
  height:18px;
  margin:13px 5px;
  width:1px;
  background:#64657a;
  display:none;
}
.all-close-btn{
  float:left;
  width:30px;
  height:30px;
  cursor:pointer;
  margin-top:7px;
}
.all-close-btn:hover{
  fill:#fff;
}
/*header{
  background: -webkit-linear-gradient(left,#141729 45%,#12272c 70%,#112142 100%);
  background: -o-linear-gradient(left,#141729 45%,#12272c 70%,#112142 100%);
  background: -moz-linear-gradient(left,#141729 45%,#12272c 70%,#112142 100%);
  background: -mos-linear-gradient(left,#141729 45%,#12272c 70%,#112142 100%);
  background: linear-gradient(left,#141729 45%,#12272c 70%,#112142 100%);
}*/

@keyframes myfirst
{
  from {left: 44px;}
  to {left:200px;}
}

@-webkit-keyframes leftOpen /* Safari 与 Chrome */
{
  from {left: 44px;}
  to {left:200px;}
}
@keyframes leftOpen
{
  from {left: 44px;}
  to {left:200px;}
}

@-webkit-keyframes leftClose /* Safari 与 Chrome */
{
  from {left: 200px;}
  to {left:44px;}
}
@keyframes leftClose
{
  from {left: 200px;}
  to {left:44px;}
}
.open-left-menu{
  animation: leftOpen 350ms;
  -webkit-animation: leftOpen 350ms; /* Safari 与 Chrome */
}
.close-left-menu{
  animation: leftClose 350ms;
  -webkit-animation: leftClose 350ms; /* Safari 与 Chrome */
}
